<!--
  Generated template for the PersonalPerformanceListPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="goBack()">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            成员业绩
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>

</ion-header>


<ion-content>
    <time-filter (query)="filter()" [(filterDate)]="filterDate" [initialValue]="filterDate"
                 [filterType]="2"></time-filter>
    <ion-grid class="table-header">
        <ion-row>
            <ion-col col-4>
                营销员
            </ion-col>
            <ion-col col-2>
                职级
            </ion-col>
            <ion-col col-3>
                总净PC
            </ion-col>
            <ion-col col-3>
                总净APE
            </ion-col>
        </ion-row>
    </ion-grid>
    <div *ngIf="(!personalPerformanceList || personalPerformanceList.length === 0) && isLoaded" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>
    <ion-grid>
        <ion-row class="info" *ngFor="let data of personalPerformanceList;index as i"
                 (click)="goPersonalPerformancePage(data)"
                 [style.marginBottom]="i==personalPerformanceList.length-1?'20vw':''">
            <ion-col col-4>
                <ion-label>
                    {{data.agentName?data.agentName:'—'}}
                </ion-label>
            </ion-col>
            <ion-col col-2>
                {{data.activeFlag?data.activeFlag:'—'}}
            </ion-col>
            <ion-col col-3>
                {{data.totalPC?(data.totalPC|number:'1.0-2'):'—'}}
            </ion-col>
            <ion-col col-3>
                {{data.totalAPE?(data.totalAPE|number:'1.0-2'):'—'}}
            </ion-col>
        </ion-row>

    </ion-grid>
    <ion-fab bottom right class="go-up">
        <button ion-fab (click)="goUp()" color="light">
            <img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">
        </button>
    </ion-fab>

</ion-content>
